<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>微课课堂</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="../css/reset.css" rel="stylesheet">
<link href="../css/layout.css" rel="stylesheet">
<link href="../css/animate.min.css" rel="stylesheet">
<script src="../js/jquery-2.1.4.min.js"></script>
</head>
<body>
	<div class="login_wk">
    	<div class="loginBg">
   		</div>
    	<div class="loginBox animated bounceIn" id="loginBox">
    		<h1 class="logo">
    			<img src="../images/logo.png" alt="">
    		</h1>
    		<div class="login">
    			<p class="login_title clearfix">
    				<span class="fl login_title_l"></span>
    				<i class="fl">登录</i>
    				<span class="fl login_title_r"></span>
    			</p>
    			<div class="content_form">
		                <div id="change_margin_1">
		                    <input class="user" type="text" name="user" placeholder="手机号" onblur="oBlur_1()" onfocus="oFocus_1()">
		                </div>
		                <!-- input的value为空时弹出提醒 -->
		                <p id="remind_1"></p>
		                <div id="change_margin_2">
		                    <input class="password" type="password" name="password" placeholder="密码" onblur="oBlur_2()" onfocus="oFocus_2()">
		                </div>
		                <!--input的value为空时弹出提醒-->
		                <p id="remind_2"></p>
		                <div id="change_margin_3">
		                    <input class="content_form_signup" type="button" value="登录">
		                </div>
        		</div>
    		</div>
    	</div>
    </div>
<script>
$('#change_margin_3').click(function() {
	$('#loginBox').removeClass('bounceIn');
});
</script>
</body>
</html>